<template>
  <div>
    <el-row>
      <el-button
        icon="el-icon-circle-plus-outline"
        type="primary"
        plain
        size="medium"
        @click="onAdd()"
        :disabled="!zIsOpenData"
        >增加步骤</el-button
      >
      <el-button
        icon="el-icon-refresh"
        type="primary"
        plain
        size="medium"
        @click="openData()"
        >刷新数据</el-button
      >
      <el-dialog v-model="FIsShowCompany" width="400PX" center destroy-on-close>
        <TFormCompanyEdit
          :zContextParams="contextParams"
          :zContextOnCall="onCallBack"
        ></TFormCompanyEdit>
      </el-dialog>
    </el-row>
    <el-table
      :data="FSetStepList"
      style="width: 100%; margin-top: 10px; margin-bottom: 20px"
      row-key="FSetStepID"
      border
      default-expand-all
      highlight-current-row
      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
    >
      <el-table-column prop="FStepName" label="节点名称"> </el-table-column>
      <el-table-column prop="FStepMode" label="节点类型"> </el-table-column>
      <el-table-column label="操作">
        <template #default="scope">
          <el-button
            type="primary"
            plain
            size="mini"
            @click="onEdit(scope.$index, scope.row)"
            >编辑</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script  lang="ts">
import { Options, Vue } from "vue-class-component";
import TFormBase from "@/views/BaseForm";
import { TProcesSetStep, TProcessSet } from "@/baselib/module/BaseClass";
//配合着用
@Options({
  name: "TFormProcessSetStepList",
  components: {},
  computed: {},
  data() {},
})
export default class TFormProcessSetStepList extends TFormBase {
  private FSetStep: TProcessSet = new TProcessSet();
  private FSetStepList: TProcesSetStep[] = [];
  public created() {
    this.openData();
  }
  //打开数据
  public async openData() {}
}
</script>